<!-- GoodsList.vue -->
<template>
    <div class="goodsList">
        <GoodsItem v-for="item in props.items" :key="item.id" :item="item" />
    </div>
</template>

<script setup>
import { ref, watchEffect } from 'vue';
import GoodsItem from './GoodsItem.vue';

const props = defineProps({
    items: {
        type: Array,
        required: true,
    }
})


</script>

<style scoped>
.goodsList {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 10px 0px;

}
</style>